<template>
    <div class="footer">
       <router-link tag="div" to="/prefile" class="tab">
          <i class="iconfont icon-home"></i>
          <span>首页</span>
       </router-link>
      <router-link tag="div" to="/sreach"class="tab">
        <i class="iconfont icon-sousuo"></i>
        <span>搜索</span>
      </router-link>
      <router-link tag="div" to="/order"class="tab">
        <i class="iconfont icon-single"></i>
        <span>订单</span>
      </router-link>
      <router-link tag="div" to="/msite"class="tab">
        <i class="iconfont icon-wode"></i>
        <span>我的</span>
      </router-link>
    </div>
</template>

<script>
    export default {
        data() {
            return {}
        }
    }
</script>

<style lang="stylus" ref="stylesheet/stylus" scoped>
  @import "../common/stylus/minxies.styl"
    .footer
      top-border-1px(#e4e4e4)
      display: flex
      position: fixed
      bottom: 0px
      left: 0px
      width: 100%
      height: 50px
      .tab
        flex 1
        display flex
        flex-direction: column
        align-items: center
        justify-content: center
        font-size: 14px
        color: #888
        &.active
          color:#35CEFF
        i
          padding-bottom:5px

</style>
